		  <!--页眉开始-->
		  <div class="row no-gutters margin-1 bg-white">
			<div class="col-sm-12 padding-10" id="jm-main-crumbs"><a href="">首页</a>&gt;&gt;<a href="">概览</a></div>
		  </div>
		  <!--页眉结束-->
		  <!--容器开始-->
		  <div class="row no-gutters margin-1 bg-white">
			<!--盒子开始-->
			<div class="col-sm-12 padding-10 jm-box">
			  <div class="jm-boxTitle">站点信息</div>
			  <div class="jm-boxContent">
			    <div class="jm-table-topbar clearfix">
			      <div class="jm-table-topbar-left">
					每页<select id="jm-table-showMany"><option value="20">20</option><option value="50">50</option><option value="100">100</option></select>条
					&nbsp;&nbsp;排序:<select id="jm-table-order">
					  <option value="id-asce">按ID升序排列</option>
					  <option value="id-desc">按ID降序排列</option>
					  <option value="date-asce">按日期升序排列</option>
					</select>
					<input type="hidden" id="jm-table-sort" form="jm-search-form" value="title">
				  </div>
				  <div class="jm-search">
				    <form id="jm-search-form" action="search.php" method="post">
					  <input id="jm-search-keywords" name="jm-search-keywords" type="text">
					  <button type="submit" id="jm-goSearch"></button>
					</form>
				  </div>
				</div>
				<form name="jm-tableForm" id="jm-tableForm" action="" method="post">
				  <table class="jm-boxTable">
				    <thead>
					  <tr>
					    <th><input id="jm-checkAll" type="checkbox"></th>
						<th id="jm-t-id">ID</th>
					    <th id="jm-t-title">标题</th>
					    <th id="jm-t-author">作者</th>
					    <th id="jm-t-content">摘要</th>
					    <th id="jm-t-time">时间</th>
					    <th>操作</th>
					  </tr>
				    </thead>
				    <tbody>
					  <tr class="jm-table-row-dark">
					    <th><input name="articleId" type="checkbox" value=""></th>
						<td>1</td>
					    <td>这是一个标题</td>
					    <td>admin</td>
					    <td>这是内容摘要……</td>
					    <td>2017/07/14 16:52:25</td>
					    <td><a href="">编辑</a>&nbsp;|&nbsp;<a href="">删除</a></td>
					  </tr>
					  <tr class="jm-table-row-light">
					    <th><input name="articleId" type="checkbox" value=""></th>
					    <td>2</td>
						<td>这是一个标题</td>
					    <td>admin</td>
					    <td>这是内容摘要……</td>
					    <td>2017/07/14 16:52:25</td>
					    <td><a href="">编辑</a>&nbsp;|&nbsp;<a href="">删除</a></td>
					  </tr>
					  <tr class="jm-table-row-dark">
					    <th><input name="articleId" type="checkbox" value=""></th>
					    <td>3</td>
						<td>这是一个标题</td>
					    <td>admin</td>
					    <td>这是内容摘要……</td>
					    <td>2017/07/14 16:52:25</td>
					    <td><a href="">编辑</a>&nbsp;|&nbsp;<a href="">删除</a></td>
					  </tr>
					  <tr class="jm-table-row-light">
					    <th><input name="articleId" type="checkbox" value=""></th>
					    <td>4</td>
						<td>这是一个标题</td>
					    <td>admin</td>
					    <td>这是内容摘要……</td>
					    <td>2017/07/14 16:52:25</td>
					    <td><a href="">编辑</a>&nbsp;|&nbsp;<a href="">删除</a></td>
					  </tr>
					  <tr class="jm-table-row-dark">
					    <th><input name="articleId" type="checkbox" value=""></th>
					    <td>5</td>
						<td>这是一个标题</td>
					    <td>admin</td>
					    <td>这是内容摘要……</td>
					    <td>2017/07/14 16:52:25</td>
					    <td><a href="">编辑</a>&nbsp;|&nbsp;<a href="">删除</a></td>
					  </tr>
				    </tbody>
				  </table>
				</form>
				<div id="jm-pagination">
				  <div class="jm-pagination">
					<div class="jm-p-outline">共5页,100条记录</div>
					<ul><li class="jm-previous">上一页</li><li class="jm-current"><a href="">1</a></li><li><a href="">2</a></li><li><a href="">3</a></li><li><a href="">4</a></li><li><a href="">5</a></li><li class="jm-next">下一页</li></ul>
					<div class="jm-redirect-div">
					  <form id="jm-redirect-form" action="search.php" method="post">
						<input id="jm-pageNumber" name="pageNumber" type="text">
						<button type="submit" id="jm-go">Go</button>
					  </form>
					</div>
				  </div>
				  <!--初始化分页JS数据-->
                  <script type="text/javascript" id="jm-script">
				  //分页调用，初始化
				  JM.page.init({//服务器端动态输出此参数体未标识为可忽略项的值，一些项的标识可根据服务器端做互相调整。
					  page: document.getElementById("jm-pagination"),//容纳分页的载体，请保证其为空的容器，如<div id="jm-pagination"></div>。
					  content: document.getElementById("jm-tableForm"),//分页页面的载体
					  pageId: "pid",//页码标识
					  pageCount: 100,//总页数
					  totalRecords: 5,//总记录数
					  recordsNumId: "recordsNum",//每页显示记录基数的标识，此函数中的Id并非是指具体标识号码，而是指某项的标识符号
					  recordsNum: 20,//记录基数
					  previous: null,//当前页码载体，请忽略。
					  pagination: 1,//当前页码，基本可忽略此项
					  baseURL: "./index.php",//基网址，即不包含本函数参数体中标识名值对(如pid=5)的网址，以免引起混乱，相对、绝对网址均可。如index.php，index.php?chanleId=5&cid=2或http://www.mycms.xyz/index.php。
					  listNum: 5,//页码列表基数
					  orderId: "order",//排序方式标识
					  orderOf: "id-desc",//排序方式
					  sortId: "sort",//搜索分类标识
					  sortOf: "id",//搜索分类
					  searchId: "search",//搜索字串标识
					  searchString: ""//搜索字串，主要是为此函数做缓存，可忽略。
				  });
				  //下面是分页UI的一些事件绑定，由于此UI是基于局部刷新的，要做到测底模块化会比较复杂。本UI目前只简单实现，各模块间互相有事件绑定，不能分解使用。
                  </script>
				</div>
			  </div>
			</div>
			<!--盒子结束-->
		  </div>
		  <!--容器结束-->
		  <!--页脚开始-->
		  <div class="row no-gutters margin-1 padding-10">页脚</div>
		  <!--页脚结束-->
